"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = TagExample;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

require("./index.scss");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function TagExample() {
  var onClose = function onClose() {};

  return /*#__PURE__*/_react.default.createElement("div", {
    className: "page"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "tag-section"
  }, /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16
    },
    size: "md",
    type: "primary"
  }, "Middle"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16
    },
    size: "lg",
    type: "success"
  }, "Large"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16
    },
    size: "md",
    type: "primary",
    closeable: true
  }, "Middle Close"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16
    },
    size: "lg",
    type: "success",
    closeable: true
  }, "Large Close")));
}